<template>
  <div>
    <Backnav backTitle="上门自提"></Backnav>
    <div class="takeInfo">
      <h1>{{ takecode }}</h1>
      <h4>核销码已生成</h4>
      <h4>到店需提供正确的核销码才能提取商品</h4>
    </div>

    <label for="" class="van-cell">
      <div><span>*</span>预留手机号:</div>
      <input type="tel" placeholder="请输入预留的手机号，方便核实信息" />
    </label>
    <van-button type="primary" block class="btn">确定</van-button>
  </div>
</template>

<script>
import Backnav from "../../components/nav/Backnav";
export default {
  name: "Takeproduct",
  components: { Backnav },
  data() {
    return {
      takecode: "NJ8766DH",
    };
  },
};
</script>

<style lang='less' scoped>
.van-cell {
  border-top: 1px solid #f5f6f8;
  > div {
    width: 30%;
    span {
      color: red;
    }
  }
  > input {
    width: 70%;
    border: none;
  }
}
.takeInfo {
  display: flex;
  flex-direction: column;
  color: white;
  background-color: #4bd863;
  text-align: center;
  margin-top: -1px;
  height: 170px;
  > h4 {
    margin: 5px 0;
  }
}
.btn {
  width: 85%;
  height: 35px;
  /* margin-top: 200px; */
  bottom: 50px;
  position: fixed;
  margin-left: 28px;
  background-color: #4bd863;
}
</style>